<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css">
    <script src="js/index.js"></script>
    <style>
      /* 引入字体图标 */
      @font-face {
        font-family: "icomoon";
        src: url("fonts/icomoon.eot?p4ssmb");
        src: url("fonts/icomoon.eot?p4ssmb#iefix") format("embedded-opentype"),
          url("fonts/icomoon.ttf?p4ssmb") format("truetype"),
          url("fonts/icomoon.woff?p4ssmb") format("woff"),
          url("fonts/icomoon.svg?p4ssmb#icomoon") format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      .shor_right ul li {
        font-family: "icomoon";
        height: 18px;
        float: left;  
      }
      .shor_right ul li a{
        border-right: 1px solid #666666; 
        padding: 0 15px;
        line-height: 31px;
      }
      .shoppingcar span{
        font-family: "icomoon";
      }
      aside li a span{
        font-family: "icomoon";
      }
      .article_right span {
        font-family: "icomoon";
      } 
      .top1 span {
        font-family: "icomoon";
      }
    </style>
  </head>
  <body>
    <!-- 快捷导航栏开始 -->
    <div class="top">
      <div class="shortcut">
        <div class="shor_left">
          <span>品优购欢迎您！&nbsp;&nbsp;请登入</span>
          <a href="zhuce.html" target="_blank">免费注册</a>
        </div>
        <!-- 快捷导航栏右侧开始 -->
        <div class="shor_right">
          <ul>
            <li><a href="#">我的订单</a></li>
            <li><a href="#">我的品优购</a></li>
            <li><a href="#">品优购会员</a></li>
            <li><a href="#">企业采购</a></li>
            <li><a href="#">关注品优购</a></li>
            <li><a href="#">客户服务</a></li>
            <li><a href="#" style="border-right: transparent;">网站导航</a></li>
          </ul>
        </div>
        <!-- 快捷导航栏右侧结束 -->
      </div>
    </div>
    <!-- 快捷导航栏结束 -->
    <!-- 导航栏开始 -->
    <div class="nav">
      <!-- 加一个title,鼠标放上去，会显示提示文字 -->
        <div class="nav_logo"><img src="images/logo.png" alt="" title="品优购商城"></div>
        <!-- 搜索栏开始 -->
        <div class="search">
            <input type="search" required="required" placeholder="&nbsp;&nbsp;语言开发" autofocus="autofocus" >
             <button>搜索</button>
            <div class="sea_bottom">
                <from action>
                <ul>
                <li><a href="shangping.html" target="_blank">优惠购首发</a></li>
                <li><a href="#">亿元优惠</a></li>
                <li><a href="#">9.9元团购</a></li>
                <li><a href="#">美满90减30元</a></li>
                <li><a href="#">办公用品</a></li>
                <li><a href="#">电脑</a></li>
                <li><a href="#">通信</a></li>
            </ul>
        </from>
            </div>
            <!-- 导航栏的购物车开始 -->
            <div class="shoppingcar"> 
                <div class="car"></div>
                <span><a href="#">我的购物车&nbsp;&nbsp;</a></span>
            </div>
            <!-- 导航栏的购物车结束 -->
        </div>
        <!-- 搜索栏结束 -->
    </div>
    <!-- 导航栏结束 -->
    <!-- article内容部分开始 -->
   <article>
     <div class="article_center">
        <span class="fenlei">全部商品分类</span>
        <ul class="fenlei_right">
        <li><a href="#">服装城</a></li>
        <li><a href="#">美妆馆</a></li>
        <li><a href="#">传智超市</a></li>
        <li><a href="#">全球购</a></li>
        <li><a href="#">闪购</a></li>
        <li><a href="#">团购</a></li>
        <li><a href="#">拍卖</a></li>
        <li><a href="#">有趣</a></li>
    </ul>
     </div>
   </article>
<!-- 导航栏结束 -->
    <!-- article内容部分结束 -->
         <!-- 主体内容部分开始 -->
         <div class="zhuti">
    <!-- aside侧边栏开始 -->
    <aside>
     <ul>
        <li><a href="#">家电电器<span></span></a></li>
        <li><a href="#">手机、数码、通信<span></span></a></li>
        <li><a href="#">电脑、办公<span></span></a></li>
        <li><a href="#">家居、家具、家装、厨具<span></span></a></li>
        <li><a href="#">男装、女装、童装、内衣<span></span></a></li>
        <li><a href="#">个户化妆、清洁用品、宠物<span></span></a></li>
        <li><a href="#">鞋靴、箱包、珠宝、奢侈品<span></span></a></li>
        <li><a href="#">运动户外、钟表<span></span></a></li>
        <li><a href="#">汽车、汽车用品<span></span></a></li>
        <li><a href="#">母婴、玩具乐器<span></span></a></li>
        <li><a href="#">食品、酒类、生鲜、特产<span></span></a></li>
        <li><a href="#">医药保健<span></span></a></li>
        <li><a href="#">图书、音像、电子书<span></span></a></li>
        <li><a href="#">彩票、旅游、充值、票务<span></span></a></li>
        <li><a href="#">理财、众筹、白条、保险<span></span></a></li>
     </ul>
    </aside>
    <!-- aside侧边栏结束 -->
    <div class="zhuti_img"></div>


    <!-- 主体部分右边article_right开始 -->
    <div class="article_right">
        <h5>品优购快报 <span>更多</span></h5>
        <div class="article_tit">
            <p> <strong>[特惠] </strong>备战开学季 全民半价购数码</p>
            <p><strong>[公告]</strong> 品优稳占家电网购六成份额</p>
            <p><strong>[特惠]</strong> 百元中秋全品类礼券限量领</p>
            <p><strong>[公告]</strong> 上品优生鲜 享阳登湖大闸蟹</p>
            <p><strong>[特惠]</strong> 每日享折扣品优品质游</p>
        </div>
        <ul>
            <li><a href="#"><span class="one"></span>话费</a></li>
            <li><a href="#"><span class="two"></span>机票</a></li>
            <li><a href="#"><span class="three"></span>电影票</a></li>
            <li><a href="#"><span class="foru"></span>游戏</a></li>
            <li><a href="#"><span class="five"></span>彩票</a></li>
            <li><a href="#"><span class="six"></span>加油卡</a></li>
            <li><a href="#"><span class="seven"></span>酒店</a></li>
            <li><a href="#"><span class="eight"></span>火车票</a></li>
            <li><a href="#"><span class="nine"></span>众筹</a></li>
            <li><a href="#"><span class="ten"></span>理财</a></li>
            <li><a href="#"><span class="eleve"></span>礼品卡</a></li>
            <li><a href="#"><span class="twelve"></span>白条</a></li>
        </ul>
       <div class="new"><img src="/upload/new.png" alt=""></div>
    </div>
    <!-- 主体部分右边article_right结束 -->
  </div>
  <!-- 今日推荐开始 -->
  <div class="jrtj">
  <div class="jrtj_one"><img src="/upload/01-电商-主页-gai_13.png" alt=""></div>
   <div class="jrtj_two"><img src="upload/优质好品.png" alt=""></div>
    <div class="jrtj_three"><img src="/upload/01-电商-主页-gai_16.png" alt=""></div>
    <div class="jrtj_foure"><img src="/upload/01-电商-主页-gai_167_16.png" alt=""></div>
    <div class="jrtj_five"><img src="/upload/01-电商-主页-gai168_16.png" alt=""></div>
</div>
  <!-- 今日推荐结束 -->
   <!-- 主体内容部分结束 -->
    <!-- 猜你喜欢开始 -->
    <div class="top1"> 
        <p2>猜你喜欢</p2>
        <span>换一批&nbsp;</span>
    </div>
    <ul class="cnxh">
        <li> <a><img src="/upload/like_1.jpg" alt=""> 
            <p>阳光美包新款单肩包女<br/>包时尚子母包四件套女</p></a>
        <h3>¥116.00</h3></li>
        <li><a><img src="/upload/like_2.jpg" alt=""> 
            <p>爱仕达 30CM炒锅不粘<br/>锅NWG8330E电磁炉炒</p></a>
        <h3>¥99.00</h3></li>
        <li><a><img src="/upload/like_3.jpg" alt=""> 
            <p>捷波朗<br/>（jabra）BOOSI劲步</p></a>
        <h3>¥245.00</h3></li>
        <li><a><img src="/upload/like_4.jpg" alt=""> 
            <p>欧普<br/>JYLZ08面板灯平板灯铝</p></a>
        <h3>¥238.00</h3></li>
        <li><a><img src="/upload/like_5.jpg" alt=""> 
            <p>三星<br/>（G5500）移动联</p></a>
        <h3>¥649.00</h3></li>
        <li class="list"><a><img src="/upload/like_6.jpg" alt=""> 
            <p style="border-right: transparent;">韩国所望<br/>紧致湿润精华露400ml</p></a>
        <h3 style="border-right: transparent;">¥649.00</h3></li>
    </ul>
     <!-- 猜你喜欢结束 -->
     <!-- 传智播客开始 -->
     <div class="czbk_top2">传智播客 .有趣区</div>
     <div class="czbk">
        <div class="czbk_left"><img src="/upload/czbk01_21.png" alt=""></div>
    <div class="czbk_tit1">
        <h2>好东西</h2>
        <img src="/upload/czbk02_21.png" alt="">
       <img src="/upload/czbk03_21.png" alt class="fxhw">
    </div>
    <div class="czbk_tit2">
        <h3>品牌街</h3>
        <span class="sbe"></span>
        <img src="/upload/czbk05_21.png" alt="" style="float: left; 
        border-bottom: 2px solid #f7f7f7; border-right: 3px solid #ededed;" >
        <img src="upload/czbk06_21.png" alt="" style="float: right; border-bottom: 2px solid #f7f7f7;">
    </div>
     <div class="czbk_right"><img src="/upload/品牌.png" alt=""></div>
    </div>
 <!-- 传智播客结束 -->


 <!-- 家用电器开始 -->
 <div class="jydq_top3"> <span>家用电器</span>
    <ul class="jydq_top3right">
        <li><a href="#" style="border-left: none;">热门</a></li>
        <li><a href="#">大家电</a></li>
        <li><a href="#">生活电器</a></li>
        <li><a href="#">厨房电器</a></li>
        <li><a href="#">个护健康</a></li>
        <li><a href="#">应季电器</a></li>
        <li><a href="#">空气/净水</a></li>
        <li><a href="#">新奇特</a></li>
        <li><a href="#">高端电器</a></li>
    </ul>
 </div>
 <div class="jydq">
    <div class="jydq_left">
    <ul style="width: 182px; height: 100px; background-color: #f9f9f9; margin-left: 15px;">
        <li style="margin-right: 2px;"><a href="#">节能补贴</a></li>
        <li><a href="#">4k电视</a></li>
        <li style="margin-right: 2px;"><a href="#">空气净化器</a></li>
        <li><a href="#">IH电饭煲</a></li>
        <li style="margin-right: 2px;"><a href="#">滚筒洗衣机</a></li>
        <li><a href="#">电热水器</a></li>
    </ul>
    <img src="/upload/三星曲面电视抽奖送豪礼.png" alt="" style="float:left;">
</div>
    <div class="jydq_left02"></div>
    <div class="jydq_left03">
        <span style="height: 172px; border-bottom: 1px solid #ededed; float: left;">
        <img src="/upload/没满200减20元烘培节1元抢购.png" alt="" style="margin-top: 12px; margin-left: 12px;"></span>
        <span><img src="/upload/买乐视电视享钜惠送60个月会员.png" alt="" style="margin-top: 20px; margin-left: 12px"></span>
    </div>
    <div class="jydq_left04"><img src="upload/8.20彩电宅购节65寸4K智能电视3799.png" alt=""></div>
    <div class="jydq_left05">
        <span style="height: 172px; width: 226px; border-bottom: 1px solid #ededed; float: left;">
            <img src="upload/消暑神器全场领券1元赢空调.png" alt="" style="margin-top: 12px; margin-left: 12px;"></span>
        <span><img src="upload/买乐视电视享钜惠送60个月会员.png" alt="" style="margin-top: 20px; margin-left: 12px"></span>
    </div>
 </div>
 <!-- 家用电器结束 -->
<!-- 品牌导航开始 -->
<div class="daohang"><img src="upload/daohang.png" alt=""></div>
<!-- 品牌导航结束 -->


<!-- 手机通讯开始 -->
<div class="sjtx_top">
  <span>手机通讯</span>
  <ul class="sjtx_topright">
    <li><a href="#" style="border-left: none;">热门</a></li>
    <li><a href="#">品质优选</a></li>
    <li><a href="#">新机尝鲜</a></li>
    <li><a href="#">高性价比</a></li>
    <li><a href="#">口碑推荐</a></li>
    <li><a href="#">合约机</a></li>
    <li><a href="#">手机卡</a></li>
    <li><a href="#">店铺精选</a></li>
    <li><a href="#">手机配件</a></li>
</ul>
</div>

<div class="sjtx">
    <div class="sjtx_left">
        <ul style="width: 182px; height: 100px; background-color: #f9f9f9; margin-left: 15px;">
            <li style="margin-right: 2px;"><a href="#">节能补贴</a></li>
            <li><a href="#">4k电视</a></li>
            <li style="margin-right: 2px;"><a href="#">空气净化器</a></li>
            <li><a href="#">IH电饭煲</a></li>
            <li style="margin-right: 2px;"><a href="#">滚筒洗衣机</a></li>
            <li><a href="#">电热水器</a></li>
        </ul>
        <img src="/upload/sjtx01_21.png" alt="" style="float:left;">
    </div>
    <div class="sjtx_left02"></div>
    <div class="sjtx_left03">
        <span style="height: 172px; border-bottom: 1px solid #ededed; float: left;">
        <img src="upload/sjtx03_13.png" alt="" style="margin-top: 1px; margin-left: 12px;"></span>
        <span><img src="/upload/sjtx04_13.png" alt="" style="margin-top: 25px; margin-left: 12px"></span>   
    </div>
    <div class="sjtx_left04"><img src="upload/sjtx05_13.png" alt=""></div>
    <div class="sjtx_left05">
        <span style="height: 172px; width: 226px; border-bottom: 1px solid #ededed; float: left;">
            <img src="upload/sjtx06_13.png" alt="" style="margin-top: 1px; margin-left: 12px;"></span>
        <span><img src="upload/sjtx07_13.png" alt="" style="margin-top: 20px; margin-left: 12px"></span>
    </div>
</div>
<!-- 手机通讯结束 -->
<!-- 第二个品牌导航开始 -->
<div class="daohang2"><img src="upload/daohang2_17.png" alt=""></div>
<!-- 第二个品牌导航结束 -->

<!-- 电脑办公开始 -->
<div class="dnbg_top">
    <span>手机通讯</span>
    <ul class="dnbg_topright">
      <li><a href="#" style="border-left: none;">热门</a></li>
      <li><a href="#">品质优选</a></li>
      <li><a href="#">新机尝鲜</a></li>
      <li><a href="#">高性价比</a></li>
      <li><a href="#">口碑推荐</a></li>
      <li><a href="#">合约机</a></li>
      <li><a href="#">手机卡</a></li>
      <li><a href="#">店铺精选</a></li>
      <li><a href="#">手机配件</a></li>
  </ul>
</div>
  <div class="dnbg">
    <div class="dnbg_left">
        <ul style="width: 182px; height: 100px; background-color: #f9f9f9; margin-left: 15px;">
            <li style="margin-right: 2px;"><a href="#">节能补贴</a></li>
            <li><a href="#">4k电视</a></li>
            <li style="margin-right: 2px;"><a href="#">空气净化器</a></li>
            <li><a href="#">IH电饭煲</a></li>
            <li style="margin-right: 2px;"><a href="#">滚筒洗衣机</a></li>
            <li><a href="#">电热水器</a></li>
        </ul>
        <img src="/upload/dnbg01_20.png" alt="" style="float:left;">
    </div>
    <div class="dnbg_left02"></div>
    <div class="dnbg_left03">
        <span style="height: 172px; border-bottom: 1px solid #ededed; float: left;">
        <img src="upload/dnbg03_20.png" alt="" style="margin-top: 1px; margin-left: 12px;"></span>
        <span><img src="/upload/dnbg04_20.png" alt="" style="margin-top: 25px; margin-left: 12px"></span>   
    </div>
    <div class="dnbg_left04"><img src="upload/dnbg05_20.png" alt=""></div>
    <div class="dnbg_left05">
        <span style="height: 172px; width: 226px; border-bottom: 1px solid #ededed; float: left;">
            <img src="upload/dnbg06_20.png" alt="" style="margin-top: 1px; margin-left: 17px;"></span>
        <span><img src="upload/dnbg07_20.png" alt="" style="margin-top: 20px; margin-left: 12px"></span>
    </div>
  </div>
  <div class="daohang3"><img src="/upload/品牌导航03_24.png" alt=""></div>
<!-- 电脑办公结束 -->
<!-- 热门疯抢开始 -->
<div class="rmfq_top">热门疯抢</div>
<div class="rmfq">
<div class="rmfq_one">
   <a> <img src="upload/rmfq01_24.png" alt="">
<p>暴风魔镜 小D虚拟现实智能VR眼镜</p> <h3>¥79.00</h3></a></div>
<ul class="rmfq_two">
    <li class="xbk"><a href="#">
    <img src="upload/rmfq02_24.png" alt="" style="margin-top: 15px;">
<span>羽博7800毫安 Z3移动电源充电器<h5>¥139.00</h5></span></a></li>
    <li class="xbk"><a href="#">
        <img src="upload/rmfq04_24.png" alt="" style="margin-top: 15px;">
        <span>全微(transwin) A-920 2.0 声道<h5>¥29.00</h5>   
    </a></li>
    <li class="xbk"><a href="#">
        <img src="upload/rmfq03_24.png" alt="" style="margin-top: 15px;">
        <span>2016夏季新款短袖镂空大v领蕾丝<h5>¥129.00</h5> 
    </a></li>
    <li><a href="#">
        <img src="upload/rmfq03_24.png" alt="" style="margin-top: 15px;">
        <span>2016夏季新款短袖镂空大v领蕾丝<h5>¥129.00</h5> 
    </a></li>
    <li><a href="#">
        <img src="upload/rmfq03_24.png" alt="" style="margin-top: 15px;">
        <span>2016夏季新款短袖镂空大v领蕾丝<h5>¥129.00</h5> 
    </a></li>
    <li><a href="#">
        <img src="upload/rmfq07_26.png" alt="" style="margin-top: 15px;">
        <span>2016夏季新款短袖镂空大v领蕾丝<h5>¥129.00</h5> 
    </a></li>
</ul>
<div class="rmfq_right">
    <div class="rmfq_right1">
        <img src="upload/rmfq08_24.png" alt="" 
        style="margin-top: 20px; float: left;">
    <img src="upload/rmfq08-8_24.png" alt class="week"><span>0807***</span>
    <div class="boxone">
<div class="sanjiao1"></div> <p>"高分辨率的屏幕用着和台式一样"</p>
 </div>
</div>
    <div class="rmfq_right2"><img src="upload/rmfq09_26.png" alt="" 
        style="float: left;">
    <img src="upload/rmfq09-9_26.png" alt class="week2"><span>淹***鱼</span>
            <div class="boxtwo">
                <div class="sanjiao2"></div><p>摄像头超清晰，拍出来的图片是...</p>
        </div>
    </div>


</div>





</div>
<!-- 热门疯抢结束 -->



   <!-- 尾部开始 -->
    <footer>
    <div class="foo_center">
         <!-- 尾部服务模块开始 -->
          <div class="mod_service">
            <!-- 正品保障开始 -->
            <div class="ser_zhenpin">
                <span class="zhenpin"> </span>
                <a href="#">正品保障</a>
                <p>正品保障，提供发票</p>
               </div>
                <!-- 正品保障结束 -->
              <!-- 急速物流开始 -->
              <div class="ser_jisu">
                <span class="jisu"></span>
                <a href="#">急速物流</a>
                <p>急速物流，急速送达</p>
              </div>
              <!-- 急速物流结束 -->
              <!-- 无忧售后开始 -->
              <div class="ser_wuyou">
                <span class="wuyou"></span>
                <a href="#">无忧售后</a>
                <p>七天无理由退换货</p>
              </div>
              <!-- 无忧售后结束 -->
              <!-- 特色服务开始 -->
              <div class="ser_tese">
                <span class="tese"></span>
                <a href="#">特色服务</a>
                <p>私人订制家电套餐</p>
              </div>
              <!-- 特色服务结束 -->
              <!-- 帮助中心开始 -->
              <div class="ser_help">
                <a href="#">帮助中心</a>
                <p>您的购物指南车</p>
                <span class="help"></span>
                
              </div>
              <!-- 帮助中心结束 -->
          </div>
          <!-- 尾部服务模块结束 -->
          <!-- 尾部帮助模块开始 -->
          <div class="mod_help">
            <!-- 购物指南开始 -->
            <dl class="gouwu">
                <dt>购物指南</dt>
                <dd> 购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
            </dl>
            <!-- 购物指南结束 -->
            <!-- 配送方式开始 -->
                <dl class="peisong">
                    <dt>配送方式</dt>
                    <dd> 上门自提</dd>
                    <dd>211限时送达</dd>
                    <dd>配送服务查询</dd>
                    <dd>配送费收取标准</dd>
                    <dd>海外配送</dd>
                </dl>
            <!-- 配送方式结束 -->
            <!-- 支付方式开始 -->
            <dl class="zhifu">
                <dt>支付方式</dt>
                <dd>货到付款</dd>
                <dd>在线支付</dd>
                <dd>分期付款</dd>
                <dd>邮局汇款</dd>
                <dd>公司转账</dd>
            </dl>
            <!-- 支付方式结束 -->
            <!-- 售后服务开始 -->
            <dl class="shouhou">
                <dt>售后售后服务</dt>
                <dd>价格保证</dd>
                <dd>退款说明</dd>
                <dd>返修/退还货</dd>
                <dd>取消订单</dd>
                <dd>售后政策</dd>
            </dl>
            <!-- 售后服务结束 -->
            <!-- 特色服务开始 -->
            <dl class="tesefuwu">
                <dt>特色服务</dt>
                <dd>夺宝岛</dd>
                <dd>div装机</dd>
                <dd>延保服务</dd>
                <dd>品优购e卡</dd>
                <dd>品优购通信</dd>
            </dl>
            <!-- 特色服务结束 -->
            <!-- 帮助中心开始 -->
            <dl class="bangzhuzhongxin">
                <dt>帮助中心</dt>
                <dd><img src="images/wx_cz.jpg" alt class="wx_png"></dd>
                <dd>品优购客户端</dd>
            <!-- 帮助中心结束 -->
          </div>
          <!-- 尾部帮助模块结束 -->
          <!-- 尾部版权模块开始 -->
          <div class="mod_copyright">
            <ul class="gyu">
                <li>关于我们</li>
                <li>联系我们</li>
                <li>联系客服</li>
                <li>商家入住</li>
                <li>营销中心</li>
                <li>手机品优购</li>
                <li>友情链接</li>
                <li>销售联盟</li>
                <li>品优购社区</li>
                <li>品优购公益</li>
                <li>English Site</li>
                <li>Contact U</li>
            </ul>
            <p3>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p3><br/>
          <p4>京ICP备08001421号京公网安备110108007702</p4>
        </div>
          <!-- 尾部版权模块结束 -->
    </div>
    </footer>
    <!-- 尾部结束 -->
  </body> 

  
         

  
